<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>团购APP产品详情页</title>
	<meta name="viewport" content="width=750,maximum-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="css/public.css">
	<link rel="stylesheet" href="css/case.css">
	<script type="text/javascript" src="./js/touchslider.js"></script>
	<script type="text/javascript">
		(function (doc, win) {
		    var docEl = doc.documentElement,
		        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
		        recalc = function () {
		            var clientWidth = docEl.clientWidth;
		            if (!clientWidth) return;
		            if (clientWidth>=720) {
		            	 // docEl.style.fontSize ='100px';
		            }else{
		            	docEl.style.fontSize = 100 * (clientWidth / 720) + 'px';
		            } 
		        };
		    // Abort if browser does not support addEventListener
		    if (!doc.addEventListener) return;
		    win.addEventListener(resizeEvt, recalc, false);
		    doc.addEventListener('DOMContentLoaded', recalc, false);
		})(document, window);
	</script>
</head>
<body>
	<div class="content">
		<header class="header">
			<button>back</button>
			<p class="text">发现</p>
			<img src="./images/case_star.png" alt="">
			<div class="clear"></div>
		</header>
		<div class="banner" style="overflow: hidden;">
			<div class='swipe'>
			  <ul id='slider3'>
			    <li style='display:block'><a href="case.html"><img src="./images/case_banner.png" alt=""></a></li>
			    <li style='display:none;'><a href="case.html"><img src="./images/case_banner.png" alt=""></a></li>
			    <li style='display:none;'><a href="case.html"><img src="./images/case_banner.png" alt=""></a></li>
			    <li style='display:none;'><a href="case.html"><img src="./images/case_banner.png" alt=""></a></li>
			    <li style='display:none;'><a href="case.html"><img src="./images/case_banner.png" alt=""></a></li>
			  </ul>
			</div>
			
		</div>
		<div class="buy">
			￥32
			<button>购买</button>
		</div>
		<article class="coupon">
			<ul class="coupon_top">
				<li>
					<img src="./images/discover_icon_2.png" alt="" class="star">
				</li>
				<li>
					好评度
					<span>99%</span>
				</li>
				<li>
					<a href="">共605个评价></a>
				</li>
			</ul>
		</article>
		<div class="apply_contact">
			适用商户
			<a href="">></a>
		</div>
		<div class="contact">
			<ul>
				<li>
					<img src="./images/case_1.png" alt="">
					<h2>正佳店</h2>
				</li>
				<li>
					<h2>万岁寿司（正佳店）</h2>
					<img src="./images/case_star_2.png" alt=""><span>10分</span><br />
					<div class="clear"></div>
					<p>离你100m</p>
					<a href="">查看详情 >></a>
				</li>
				<li>
					<button>
						进入
					</button>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="contact">
			<ul>
				<li>
					<img src="./images/case_2.png" alt="">
					<h2>体育西店</h2>
				</li>
				<li>
					<h2>万岁寿司（体育西店）</h2>
					<img src="./images/case_star_2.png" alt=""><span>10分</span><br />
					<div class="clear"></div>
					<p>离你100m</p>
					<a href="">查看详情 >></a>
				</li>
				<li>
					<button>
						进入
					</button>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="contact">
			<ul>
				<li>
					<img src="./images/case_3.png" alt="">
					<h2>昌岗店</h2>
				</li>
				<li>
					<h2>万岁寿司（昌岗店）</h2>
					<img src="./images/case_star_2.png" alt=""><span>10分</span><br />
					<div class="clear"></div>
					<p>离你100m</p>
					<a href="">查看详情 >></a>
				</li>
				<li>
					<button>
						进入
					</button>
				</li>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="footer"></div>
		<nav>
			<a href="./index.html">
				<img src="./images/index_icon_2.png" alt="">
				首页
			</a>
			<a href="./classify.html">
				<img src="./images/index_icon_3.png" alt="">
				分类
			</a>
			<a href="./discover.html">
				<img src="./images/index_icon_4.png" alt="">
				发现
			</a>
			<a href="./mine.html">
				<img src="./images/index_icon_5.png" alt="">
				我的
			</a>
		</nav>
	</div>
</body>
</html>
<script type="text/javascript">
var t3=new TouchSlider('slider3',{duration:1000, direction:0, interval:3000, fullsize:true});
</script>